@charset "utf-8";
@fontColor:#BD9972;
@vw:0.0520833333333333vw;  // vw 单位按1920计算

body{
  padding-top: 14vw;
}
dt{
  font-weight: normal;
}
.design_navigation{
  // position: fixed;
  left: 0;
  top: 10vw;
  right: 0;
  z-index: 10000;
  padding-top: 10px;
  // background-color: #fff; 
  
  .navSub{
    justify-content: flex-end;
    padding-bottom: 30*@vw;
    .subMenuWrap{
      margin-right: -150*@vw;
      padding-right: 300*@vw;
    }
    .weCanDo {
      justify-content: center;
      
      .itemMenu {
        margin-left: 10vw;
        width: 200*@vw;
        dl {
          dt {
            padding-bottom: 21*@vw;
            border-bottom: 1px solid #EEEEEE;

            .tit {
              color: #BD9972;
              font-size: 20*@vw;
            }

            .tit_sub {
              font-size: 16*@vw;
              color: #9DA1A6;
            }
          }

          dd {
            padding-top: 16*@vw;
            font-size: 16*@vw;
            a {
              color: #333333;
            }
          }

          .active {
            a {
              color: #BD9972;
              display: inline-block;
              background-image: url('data:image/svg+xml,<svg class="bi bi-play-fill text-color" width="1em" height="1em" color="%23BD9972" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z"/></svg>');
              background-repeat: no-repeat;
              background-position: left center;
              padding-left: 14px;
            }

            .color {
              color: #BD9972;
            }
          }
        }
      }
    }
    .btnWrap{
      position: relative;
      padding-right: 55*@vw;
      margin-top: -1px;
      margin-left: 38*@vw;
      cursor: pointer;
      span{
        position: absolute;
        color: @fontColor;     
        font-size: 20px; 
        left: -100px;
        // padding-right: 47*@vw;
        vertical-align: middle; 
        a{
          color: @fontColor;     
        }
      }
      
        // display: inline-block;
        img{
          display: block;
          width: 30px;
          // vertical-align: middle;
        }
      
    }
  }
}
@media screen and (max-width:768px) {
  
  .design_navigation{
    display: none;
  }
  .images{
    margin-top: 50px;
  }
  .wrap{
    // display: none;
  }

  //移动端按钮
  .menu {
    margin-top: 60px;
    .item {
    
    }

    .icon {
     
    }

    .case_nav {
    
      // background-color: red;
      .title{
      //  &:nth-child(2){
        //  border: 1px solid red;
      //  }
      //TODO nth问题
      &:first-child{
        margin-top: 44px;
      }
      }
     
      .tag{
        margin-top: 0 !important;
        
      }
      
    }
  }
}
@media (min-width:768px) and (max-width:1920px) {
  .cooperativeClient ,.menu{
    display: none;
  }
}
